<template>
	<view>
		<view class="zctab-bar-box">
			<tab-bar class='tabBar' style="width: 100%;" :tabBars="tabBar.tabBars" :tabIndex="tabBar.tabIndex" @tapTab="tapTab"></tab-bar>
			<!-- <view class="uni-flex iconfont icon-biaoqian1"><view>000</view><view>456465</view></view> -->
			<view class="uni-tab-bar">
				<view class="swiper-box" >
					<view class="zc-tab-bar" :key="0" v-show="tabBar.tabIndex === 0" >
						<view style="height: 15%;">
							<view class="uni-flex zcJustifyC_end">
								<view class="zcModel-active iconfont icon-xinzeng" @tap="setSaleChance">
									新增
								</view>
								<view class="zcModel-active iconfont icon-shaixuan" @tap="doModelShow">
									筛选
								</view>
							</view>
							<view class="uni-flex zcJustifyC_between zcModel-title">
								<view class="zcModel-active uni-flex zcFlex_column zcAlignI_center uni-flex-item">
									<view class="">逾期数</view>
									<view style="color: #fb0775;">{{OverdueCount}}</view>
								</view>
								<view class="zcModel-active uni-flex zcFlex_column zcAlignI_center uni-flex-item">
									<view class="">当天任务数</view>
									<view style="color: #3ca4fb;">{{TodayCount}}</view>
								</view>
								<view class="zcModel-active uni-flex zcFlex_column zcAlignI_center uni-flex-item">
									<view class="">总任务数</view>
									<view class="">{{TotalCount}}</view>
								</view>
							</view>
						</view>
						<view class="content" style="overflow: auto;height: 85%;" >
							<scroll-view style="height: 100%;" scroll-y @scrolltolower="loadMore1" >
								<block v-for="(item,index) in TraceTasks" :key="index">
									<view class="zcModel-card zcRelative" style="margin-top: 10upx;" @tap="doTraceTask(item)">
										<view class="zcModel-card-item uni-flex zcAlignI_center zcRelative" style="width: 100%;">
											<view>姓名：</view>
											<view>{{item.CustomerName}}</view>
											<view  class="iconfont icon-biaoqian1 " 
											:class="item.SaleChanceCategory==='新增'?'icon_color_add_more'
											:item.SaleChanceCategory==='续保'?'icon_color_xuBao'
											:item.SaleChanceCategory==='售后'?'icon_color_after_sale':'icon_color_more'"
											 style="color: #74acfc;">
												<view class="zcLabel">{{item.SaleChanceCategory=='其他服务'?'其他':item.SaleChanceCategory}}</view>
											</view>
										</view>
										<view class="zcModel-card-item uni-flex zcAlignI_center ">
											<view>车牌号：</view>
											<view>{{item.VehiclePlateNo?item.VehiclePlateNo:''}}</view>
										</view>
                                        <view class="zcModel-card-item uni-flex zcAlignI_center">
                                        	<view>保险到期：</view>
                                        	<view>{{item.SaleChanceDueDate}}</view>
                                        </view>
										<view class="zcModel-card-item uni-flex zcAlignI_center">
											<view>任务时间：</view>
											<view>{{item.DueDate}}</view>
											<view class="uni-flex zcJustifyC_end">
												<view class="zcModel-card-icon" :style="{'background-color':item.overdue==='overdue'?'#FFFFFF':item.overdue?'#fb0775':''}" >{{item.overdue==='overdue'?'':item.overdue?'逾期':'今日'}}</view>
											</view>
										</view>
										<view class="zcModel-card-item uni-flex zcAlignI_center">
											<view>逾期：</view>
											<view v-show="item.overdue">{{item.overdue==='overdue'?'':(item.overdue+'天')}}</view>
										</view>
										<view class='iconfont icon-unie6a3'> </view>
									</view>
									
								</block>
								<view v-show="tabBar.loadingText" class="uni-tab-bar-loading">
									{{tabBar.loadingText}}
								</view>
								<view v-if="TraceTasks.length <1 && isNoDataShow" class="uni-tab-bar-loading" style="text-align: center;">
									<view class="no_model">
										<image :src="imgPath+'UniImages/no_data.png'" mode="widthFix" style="width: 100%;"></image>
										<view class="no_text">暂无数据</view>
									</view>
								</view>
							</scroll-view>
						</view>
						
						<view v-show="isScreenShow" class="zcPopupBox">
							<view class="popup_mask" @tap="doModelShow"></view>
							<view class="zcPopupBox-search">
								<view class="input-view">
									<uni-icon type="search" size="22" color="#3CA4FA" />
									<input confirm-type="search" class="input" type="text" placeholder="输入车牌/客户" @input="doSearchInput" />
								</view>
							</view>
							<view class="zcPopupBox-model">		
								<view class="zcPopupBox-content">
									<view class="zcModel-title1 zcJustifyC_between">类型：</view>
									<view class="popup_content" >
										<block v-for="(item,idx) in popup.list" :key="idx">
											<view class="popup_item" :class="{active:popup.actives.indexOf(idx) !== (-1)}" :id="idx" :style="{'flex': '0 0 '+popup.row+'%'}" @tap="doChenkItem">{{(item)}}</view>
										</block>
									</view>
									<view class="zcModel-title1 zcJustifyC_between">时间：</view>
									<view class="zcPicker" style="border: 2upx solid #CCCCCC;border-radius: 25upx;overflow: hidden;" @tap="dateChange">
										<view class="uni-input iconfont icon-riqi">{{searchDate}}</view>
									</view>
									
								</view>
								
								<view class="zcPopupBox-but uni-flex zcJustifyC_center">
									<!-- <button @tap="doModelShow">取消</button> -->
									<button @tap="zcResetLebel">重置</button>
									<button @tap="zcSearchQuery">确认</button>
								</view>
							</view>
						</view>
					</view>
					<view class="zc-tab-bar" :key="1" v-show="tabBar.tabIndex === 1">
						<scroll-view class="list" style="height: 89%;" scroll-y  @scrolltolower="loadMore2">
							<block v-for="(item,index) in DoneTraceTasks" :key="index">
								<view class="zcModel-card finish zcRelative" style="margin-top: 14upx;">
									<view class="zcModel-card-item uni-flex ">
										<view>姓名：</view>
										<view>{{item.CustomerName}}</view>
											<view  class="iconfont icon-biaoqian1 icon-biaoqian11" 
											:class="item.SaleChanceCategory==='新增'?'icon_color_add_more'
											:item.SaleChanceCategory==='续保'?'icon_color_xuBao'
											:item.SaleChanceCategory==='售后'?'icon_color_after_sale':'icon_color_more'"
											 style="color: #74acfc;">
										<view class="zcLabel">{{item.SaleChanceCategory}}</view>
									</view>
									</view>
									<view class="zcModel-card-item uni-flex ">
										<view>车牌号：</view>
										<view>{{item.VehiclePlateNo}}</view>
									</view>
									<view class="zcModel-card-item uni-flex zcAlignI_center">
										<view>任务时间：</view>
										<view>{{item.CompletedDate}}</view>
									</view>
									<view class="zcModel-card-item uni-flex zcAlignI_center">
										<view>跟进时间：</view>
										<view>{{item.TraceDate}}</view>
									</view>
									<view class="zcModel-card-item uni-flex zcAlignI_center">
										<view>跟进结果：</view>
										<view>{{item.TraceResult}}</view>
									</view>
									<view class="zcModel-card-item uni-flex zcAlignI_center">
										<view>跟进原因：</view>
										<view>{{item.TraceResultReasonName}}</view>
									</view>
									<view class="zcModel-card-item uni-flex zcAlignI_center">
										<view>跟进内容：</view>
										<view class="zcModel-card-item-text">{{item.Content}}</view>
									</view>
								</view>	
							</block> 
							<view v-show="tabBar.loadingText" class="uni-tab-bar-loading">
								{{tabBar.loadingText}}
							</view>
							<view v-if="DoneTraceTasks.length <1 && isNoDataShow" class="uni-tab-bar-loading" style="text-align: center;">
								<view class="no_model">
									<image :src="imgPath+'UniImages/no_data.png'" mode="widthFix" style="width: 100%;"></image>
									<view class="no_text">暂无数据</view>
								</view>
							</view>
						</scroll-view>
					</view>
				</view>
			</view>
		</view>
		
		<zc-custom-picker :isDateShow="isDateShow" @cpCancel="DateCancel" @cpConfirm="DateConfirm" ></zc-custom-picker>
		
	</view>
</template>

<script scoped>
	import tabBar from "../../components/tab-bar/tab-bar.vue"
	import uniIcon from "../../components/uni-icon/uni-icon.vue"
	import zcButton from "../../components/zc-button.vue"
	import zcCustomPicker from "../../components/zcCustom_picker/zcCustom-picker.vue"
	
	let _this;
	export default {
		components:{
			tabBar,
			uniIcon,
			zcCustomPicker,
			zcButton
		},
		data() {
			return {
				imgPath:this.$ZcPublic.Domain,
				isNoDataShow:false,	//	是否有数据渲染
				isScreenShow:false,
				IsCompleted:false,	// 是否已完成
				StartRow:0,	// 当前分页开始下标
				dataLength:0,	// 当前数据 个数
				searchInput:'',	//	条件筛选
				searchType:'',	// 类型筛选
				searchDate:'',	// 时间筛选
				tabBar:{
					tabIndex:0,
					loadingText:'',
					tabBars:[
						{
							name:'未完成'
						},
						{
							name:'已完成'
						}
					]
				},
				popup:{
					actives:[],
					titel:'',
					popupValue:'',
					row:45,
					list:[
						'新增','续保','交叉','售后','其他'
					]
				},
				TraceTasks:[],
				DoneTraceTasks:[],
				isDateShow:false,
				OverdueCount:0,
				TodayCount:0,
				TotalCount:0
			}
		},
		onLoad() {
			_this = this;
			
			_this.zcGetSystemOptions_Setting();		//	系统参数
			_this.zcGetSalesManTaskInfo();	//	统计任务数量
            _this.TraceTasks = [];	//	条件查询需要清空以前数据
            _this.StartRow = 0;		//	条件查询千需初始化 0 开始
            _this.zcQueryTraceTaskList();	// 获取任务列表
		},
		onShow() {
			
		},
		methods: {
			tapTab(res) {
				_this.tabBar.tabIndex = parseInt(res);
				
				uni.showLoading({
					title: '加载中',
					mask: true
				});
				_this.StartRow = 0;	// 当前数据开始数据是第几条
				_this.dataLength = 0;	// 当前数据返回个数
				_this.tabBar.loadingText = '';
				_this.TraceTasks = [];
				_this.DoneTraceTasks = []
				// 	初始化 条件查询
				_this.popup.actives = [];
				_this.searchInput = '';
				_this.searchType = '';
				_this.searchDate = '';	
				
				_this.isScreenShow = false;
				
				if (parseInt(res) === 0) {
					_this.IsCompleted = false;
				}else if (parseInt(res) === 1) {
					_this.IsCompleted = true;
				}
				
				_this.zcQueryTraceTaskList();	// 获取任务列表
			},
			dotzc:function(){
				let ywData = {};
				ywData.Page='page3';
				ywData.Func='func3';
				ywData.Msg = 'msg3';
				ywData.Desc = 'desc3';
				return ywData;
			},
			
			dateChange(e) {
				_this.isDateShow = !_this.isDateShow;
			},
			setSaleChance() {
				uni.navigateTo({
					url: '../addSaleChance/addSaleChance'
				});
			},
			doModelShow() {
				_this.isScreenShow = !_this.isScreenShow;
			},
			DateConfirm(res) {
				_this.isDateShow = !res.is;
				_this.searchDate = res.value;
			},
			DateCancel(res) {
				_this.isDateShow = !res.is;
			},
			//	搜索框 获取值
			doSearchInput(res) {
				_this.searchInput = res.target.value;
			},
			// 筛选--类型 选择
			doChenkItem(e) {
				// console.log('当前选择：',e);
				let id  = parseInt(e.target.id);
				//Array.indexOf(index);  表示Array数组中是否包含 index 值，包含则返回该值在数组中的下标，否则返回 -1
				if (_this.popup.actives.indexOf(id) !== (-1)) {	
					for (let i = 0; i < _this.popup.actives.length; i++) {
						if (_this.popup.actives[i] == id) {
							_this.popup.actives.splice(i,1);
						}
					}
				}else {
					_this.popup.actives.push(id);
				}
				console.log('当前标签选中数组 = ',_this.popup.actives);
			},
			loadMore1() {
				if (_this.dataLength < 20) {
					return;
				}
				_this.tabBar.loadingText = '加载中';
				_this.zcQueryTraceTaskList();
			},
			loadMore2() {
				if (_this.dataLength < 20) {
					return;
				}
				_this.tabBar.loadingText = '加载中';
				_this.zcQueryTraceTaskList();
			},
			zcResetLebel() {
				uni.showToast({
					title: '重置成功！'
				});
				_this.popup.actives = [];
				_this.searchType = '';
				_this.searchInput = '';
				_this.searchDate = '';
			},
			zcSearchQuery() {
				console.log('电话--- ',_this.popup.actives);
				_this.searchType = '';
				if (_this.popup.actives.length > 0) {
					for (let i = 0; i < _this.popup.actives.length; i++) {
						if (i=== 0) {
							_this.searchType = _this.popup.list[_this.popup.actives[i]];
						}else{
							_this.searchType = _this.searchType +','+ _this.popup.list[_this.popup.actives[i]];
						}
					}
					
				}	
				_this.TraceTasks = [];	//	条件查询需要清空以前数据
				_this.StartRow = 0;		//	条件查询千需初始化 0 开始
				_this.doModelShow();	//	关闭条件选择层
				_this.zcQueryTraceTaskList();
			},
			// 	未完成任务详情跳转
			doTraceTask(item) {
				uni.navigateTo({
					url: '../visit_register/visit_register?TraceTaskSN='+item.SN
				});
			},
			//  回访(跟进)任务列表  接口区
			zcQueryTraceTaskList() {
				uni.showLoading({
					title: '加载中',
					mask: true
				});
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_QueryTraceTaskList',
						Data: {
							IsCompleted: _this.IsCompleted,		//是否完成
							data: _this.searchInput,	//	未完成任务 条件搜索
							SaleChanceCategory: _this.searchType,		//线索类别（仅用于未完成）
							DueDate: _this.searchDate,		//预计跟进日期（仅用于未完成）
							StartRow: _this.StartRow,	//开始行（用于分页）
							RowCount: 20		//每页数量，默认为50

						}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							console.log('回访任务 列表 = ',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							
							if (resjson.data!==null && resjson.data.length > 0) {
								// 查询完后，重置所有条件
								// _this.popup.actives = [];
								// _this.searchInput = '';
								// _this.searchDate = '';
								// _this.searchType = '';	
								
								_this.dataLength = resjson.data.length;
								if (_this.dataLength < 20) {
									if (_this.StartRow >= 20) {
										_this.tabBar.loadingText = '没有更多了...';
									}else{
										_this.tabBar.loadingText = '';
									}
								}else {
									_this.StartRow = _this.StartRow+_this.dataLength;	// 初始化 下次加载开始下标
									_this.tabBar.loadingText = '加载更多';
								}
								
								if (!_this.IsCompleted) {
									// _this.TraceTasks = [];
									for (let i = 0; i < resjson.data.length; i++) {
										let item = resjson.data[i]
										
										let date = new Date();
										let date1 = new Date(item.DueDate);
										if (date.getTime() > date1.getTime()) {
											let overdue = parseInt((date.getTime()-date1.getTime())/(1000*60*60*24))
											if (overdue > 0) {
												item.overdue = overdue;
											}
										}else {
											item.overdue = 'overdue';
										}
										_this.TraceTasks.push(item);
									}
								}else if (_this.IsCompleted) {
									// _this.DoneTraceTasks = [];
									for (let i = 0; i < resjson.data.length; i++) {
										_this.DoneTraceTasks.push(resjson.data[i]);
									}
									// _this.DoneTraceTasks = resjson.data;
								}
							}else {
								_this.isNoDataShow = true;
							}
						}
                        if (resjson.state === 'end') {
                            uni.hideLoading();
                        }
						
					},
					Scope: this
				})
			},
			zcGetSystemOptions_Setting() {
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_GetSystemOptions_Setting',
						Data: {
							Category:'系统参数'
						}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							console.log('系统参数 = ',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							
							let startDate = '';
							let endDate = '';
							let date = new Date();
							let _date = date.toJSON().split('T')[0];
							
							if (resjson.data) {
								if ((parseInt(_date.split('-')[1])-1) < 1) {
                                    let dayDate = new Date((parseInt(_date.split('-')[0])-1),'12',0);
                                    let day = _date.split('-')[2];
                                    if (parseInt(_date.split('-')[2]) > dayDate.getDate()) {
                                        day = dayDate.getDate();
                                    }
									startDate = (parseInt(_date.split('-')[0])-1)+'-12-'+ day;
								}else {
                                    let dayDate = new Date(parseInt(_date.split('-')[0]),(parseInt(_date.split('-')[1])-1),0);
                                    let day = _date.split('-')[2];
                                    console.log('暗森 -- ',dayDate.getDate());
                                    if (parseInt(_date.split('-')[2]) > dayDate.getDate()) {
                                        day = dayDate.getDate();
                                    }
									startDate = _date.split('-')[0]+'-'+(parseInt(_date.split('-')[1])-1)+'-'+day;
								}
								
								let date1 = new Date(_date);
								let rDate = new Date(Math.abs(date1) + (resjson.data.TaskPromptDays * 24 * 60 * 60 * 1000));
								let year = rDate.getFullYear();  
								let month = rDate.getMonth() + 1;  
								if (month < 10) month = "0" + month;  
								let date = rDate.getDate();  
								if (date < 10) date = "0" + date;  
								
								endDate = year+'-'+month+'-'+date;
							}
							
							_this.searchDate = startDate+'~'+endDate;
						}
					},
					Scope: this
				})
			},
			zcGetSalesManTaskInfo() {
				_this.$ZcPublic.Server.Post({
					IsNeedLogin: true,
					Paras: {
						Name: 'uni_Insure_Detail',
						Action: 'Ext_GetSalesManTaskInfo',
						Data: {}
					},
					Callback:function(resjson,scope) {
						if (resjson.state === 'back') {
							console.log('统计任务数量 = ',resjson.data);
							if (!resjson.success) {
								uni.showModal({
									title:'温馨提示',
									showCancel:false,
									content:''+resjson.msg
								})
								return;
							}
							if (resjson.data.OverdueCount) {
								_this.OverdueCount = resjson.data.OverdueCount;
							} 
							if (resjson.data.TodayCount) {
								_this.TodayCount = resjson.data.TodayCount;
							}
							if (resjson.data.TotalCount) {
								_this.TotalCount = resjson.data.TotalCount;
							}
						}
					},
					Scope: this
				})
			}
			
			// 接口    END-------------------
			
			
		}
	}
</script>

<style>
	/* 选项卡 样式 */
	.zctab-bar-box{width: 100%;position: absolute;top: 0;left: 0;bottom: 0;display: flex;flex-direction: column;align-items: center;}
	.uni-tab-bar{width: 100%;flex: 1;height: 100%;position: relative;}
	.zc-tab-bar{overflow: hidden;display: block;will-change:transform;transition: all 0.4S ease-in;width: 100%;height: 100%;position: absolute;}
	
	.zcswiper-list-box{height: 100%;background-color: #FFFFFF!important;display: flex;flex-direction: column;flex: 1;flex-shrink: 0;padding: 0 16upx;}
	.zc-swiper-tab{background-color: #3CA4FA;border-radius: 0!important;margin-bottom: 0!important;}
	.swiper-tab-list{color: #FFFFFF!important;margin: 6upx 10%;padding: 0!important;width: 30%!important;box-sizing: border-box;border: none;}
	.active{font-size: 32upx!important;border-bottom: 2upx solid #FFFFFF;}
	/* 选项卡 样式 -------- END */
	
	/* 列表-样式区 */
	.icon-xinzeng:before,.icon-xinzeng{
		margin-right: 10upx;
		color:#65B6EA ;
	}
	.icon-shaixuan:before,.icon-shaixuan{
		margin-right: 10upx;
		color:#65B6EA ;
	}
	.content{flex: 1;height: 100%;position: relative;box-sizing: border-box;overflow: auto;}
	.list,.list1{box-sizing: border-box;width: 100%!important;flex: 1;display: flex;padding-top: 20upx;}.list1{padding-top: 0;}
	.zcModel-card{margin: 0 40upx;margin-bottom: 40upx;background-color: #FFFFFF!important;padding: 20upx 20upx 20upx 40upx;box-sizing: border-box;border-radius: 20upx;box-shadow: 1upx 1upx 10upx 5upx #E5E2E2;}
	.zcModel-card-item{background-color: #FFFFFF;padding: 10upx 0upx;font-size: 28upx;box-sizing: border-box;height: auto;}
	.list1 .zcModel-card-item{height: 45upx;}
	.zcModel-card-item view{box-sizing: border-box;font-size: 28upx;color: #999999;line-height: 1;}
	.zcModel-card-item view:first-child,.zcModel-card-item view:nth-child(2){ color: #515151;}
	.zcModel-card-item view:nth-child(3){text-align: center;position: relative;}
	.zcModel-card-item:last-child{align-items: flex-start!important;}
	.zcModel-card-item:last-child view:last-child{flex: 1;}
	.zcModel-title1{font-size: 32upx;padding: 20upx 0;display: flex;color: #333;}
	.zcModel-card-item-text{white-space: normal;display: block;line-height: 1.4!important;height: auto;}
	.zcModel-card-item{
		justify-content: flex-start !important;
	}
	.zcModel-card-icon{background-color: #3CA4F9;color: #FFFFFF!important;padding: 6upx 10upx;margin-left: 20upx;border-radius: 12upx;}
	.zcBut{padding: 10upx 20upx;color: #26a6ff!important;display: flex;align-items: center;border: 2upx solid #26a6ff;border-radius: 10upx;justify-content: center;}
	.uni-tab-bar-loading{padding: 20upx;margin-top: 20upx;margin-bottom: 0;}
	
	
	
	
	/* 搜索栏样式 */
	.input-view {
		/* width: 92%; */
		display: flex;
		background-color: #FFFFFF;
		height: 62upx;
		border-radius: 12upx;
		padding: 0 4%;
		flex-wrap: nowrap;
		margin: 16upx 0;
		margin-top: 0;
		line-height: 62upx;
		flex: 1;
		padding: 16upx;
		padding-right: 32upx;
		border-bottom: 2upx solid #CCCCCC;
	}
	
	.input-view .uni-icon {
		line-height: 30px !important;
	}
	
	.input-view .input {
		height: 62upx;
		color: #333333;
		line-height: 62upx;
		/* width: 94%; */
		padding: 0 3%;
		flex: 1;
	}
	
	.zcModel-title{background-color: #FFFFFF;margin: 0 60upx;border-radius: 8upx;box-shadow: 1upx 1upx 10upx 5upx #E5E2E2;padding: 0;}
	.zcModel-title view{font-size: 20upx;line-height: 1.5;}
	.zcModel-active{padding: 10upx;display: flex!important;align-items: center!important;margin-right: 40upx;}
	.zcModel-title .zcModel-active{margin: 0;}
	/* 弹出层 样式区 */

	.zcPopupBox{position: absolute;top:0;bottom: 0;width: 100%;left: 0;z-index: 999;color: #FFFFFF;padding: 20upx;box-sizing: border-box;}
	.popup_mask{background-color: rgba(0,0,0,0.2);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;}
	.zcPopupBox-model{background-color: #FFFFFF;border-radius: 12upx;padding: 0 40upx;}
	.zcPopupBox-content{padding: 20upx;}
	.popup_content .active{font-size: 28upx!important;}
	.popup_content{
		display: flex;
		flex-wrap: wrap;
		padding: 20upx;
		flex-direction: row;
		background-color: #FFFFFF;
	}
	.popup_item{
		display: flex;
		float: left;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		border: 1px solid #999999;
		color: #999999;
		margin: 10upx 1%;
		height: 52upx;
		border-radius: 52upx;
		box-sizing: border-box;
	}
	.popup_item:nth-of-type(2n){
		margin-left: 35upx;
	}
	.icon-riqi:after{
		content: "\e609";
		color: #26a6ff;
		position: absolute;
		right: 20upx;
		font-size: 40upx;
	}
	.active{border-color: #26a6ff;color: #26a6ff!important;}
	.zcPicker .uni-input{padding-right: 90upx;color: #333333;}
	
	/* 弹出层 - 按钮样式 */
	.zcPopupBox-but button{padding: 20upx 100upx;background-color: #e6e6e6;color: #333333;line-height: 1;font-size: 34upx;margin: 60upx 20upx 40upx 20upx;flex-shrink: 0;}
	.zcPopupBox-but button:last-child{color: #FFFFFF;background-color: #26A6FF;}
	.icon-biaoqian1:before{
		font-size: 120upx;	
		z-index: 999;
	}
		.icon-biaoqian1{
			position: absolute !important;
			top:-38upx ;
			right: -38upx;
		}
		.icon-biaoqian11{
			position: absolute !important;
			top:-18upx ;
			right: -18upx;
		}
		.zcLabel{
			position: absolute;
			top:36upx;
			right: 18upx;
			margin-left:10upx;
			font-size: 24upx !important;
			color: #fff !important;
			z-index: 999;
			width: 60upx !important;
			transform:rotate(45deg)
		}
		.icon_color_add_more:before{
			color:#3CA4F9
		}
		.icon_color_xuBao:before{
			color:#FE92C0
		}
		.icon_color_after_sale:before{
			color:#FBC634
		}
		.icon_color_more:before{
			color:#FE0074
		}
		.icon-unie6a3{
			position: absolute !important;
			top:34%;
			right: 30upx;
			font-size:40upx;
			color:#6C6C6C
		}
		.active {
			border-bottom: 2upx solid;
		}
		.uni-swiper-tab,.uni-tab-bar{
			height:100upx !important;
		}
		.finish .zcModel-card-item{
			height: 45upx;
			line-height: 45upx;
		}
			.finish .zcModel-card-item:last-child{
				height: auto;
				line-height: 45upx;
			}
		.finish .zcModel-card-item>view:nth-of-type(1){
			min-width: 150upx;
		}
		
	/* 分页底部说明样式 */
	.uni-tab-bar-loading{text-align: center;}
	/* 无数据样式 */
	.no_model{position: relative;display: flex;flex-direction: column;align-items: center;padding: 0 160upx;padding-top: 100upx;}
	.no_text{font-size: 30upx;color: #999999;position: absolute;bottom: 28upx;}
</style>
